<h2 class="contentTitle">多选框/单选框</h2>
<form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate"
      onsubmit="return validateCallback(this, dialogAjaxDone)">
    <div class="pageFormContent" layoutH="98">
        <label><input type="radio" name="r1"/>选择1</label>
        <label><input type="radio" name="r1"/>选择2</label>
        <label><input type="radio" name="r1"/>选择3</label>
        <label><input type="radio" name="r1"/>选择4</label>
        <label><input type="radio" name="r1"/>选择5</label>
        <div class="divider"></div>

        <label><input type="checkbox" name="c1" value="1"/>选择1</label>
        <label><input type="checkbox" name="c1" value="2"/>选择2</label>
        <label><input type="checkbox" name="c1" value="3"/>选择3</label>
        <label><input type="checkbox" name="c1" value="4"/>选择4</label>
        <label><input type="checkbox" name="c1" value="5"/>选择5</label>
        <label><input type="checkbox" name="c1" value="6"/>选择6</label>
        <label><input type="checkbox" name="c1" value="7"/>选择7</label>
        <label><input type="checkbox" name="c1" value="8"/>选择8</label>
        <label><input type="checkbox" name="c1" value="9"/>选择9</label>
        <label><input type="checkbox" name="c1" value="10"/>选择10</label>
    </div>
    <div class="formBar">
        <label style="float:left"><input type="checkbox" class="checkboxCtrl" group="c1"/>全选</label>
        <ul>
            <li>
                <div class="button">
                    <div class="buttonContent">
                        <button type="button" class="checkboxCtrl" group="c1" selectType="invert">反选</button>
                    </div>
                </div>
            </li>
            <li>
                <div class="buttonActive">
                    <div class="buttonContent">
                        <button type="submit">提交</button>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</form>
